
@mixin flex-center {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
page {
  height: 100%;
  .container {
    width: 100%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    .user-type {
      width:100%;
      height: 230rpx;
      
      @include flex-center();
      .teacher,.student {
        width: 70%;
        height: 80rpx;
        border-radius: 50rpx;
        text-align: center;
        line-height: 80rpx;
        color:rgba(255,255,255,0.8)
      }
      .teacher {
        background: rgba(0,106,204,1)
      }
      .student {
        background: rgba(0,106,204,1)
      }
    }
    .back {
      position: absolute;
      bottom: 250rpx;
      width: 100rpx;
      height: 100rpx;
      line-height: 100rpx;
      border-radius: 50%;
      background: rgba(0,0,0,0.3);
      text-align: center;
    }
  }

}

